import Widget from require "lapis.html"

class Layout extends Widget
  content: =>
    html_5 ->
      head ->
        -- include scripts and styles
        raw [[
    <meta charset="utf-8">
    <title>Easy Start - Welcome</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <link href="/static/template/btm/scripts/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link href="/static/template/btm/scripts/bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet">

    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <!-- Icons -->
    <link href="/static/template/btm/scripts/icons/general/stylesheets/general_foundicons.css" media="screen" rel="stylesheet" type="text/css" />  
    <link href="/static/template/btm/scripts/icons/social/stylesheets/social_foundicons.css" media="screen" rel="stylesheet" type="text/css" />
    <!--[if lt IE 8]>
        <link href="/static/template/btm/icons/general/stylesheets/general_foundicons_ie7.css" media="screen" rel="stylesheet" type="text/css" />
        <link href="/static/template/btm/icons/social/stylesheets/social_foundicons_ie7.css" media="screen" rel="stylesheet" type="text/css" />
    <![endif]-->

<link href="/static/template/btm/scripts/camera/css/camera.css" rel="stylesheet" type="text/css" />

<!--     <link href="http://fonts.googleapis.com/css?family=Chewy" rel="stylesheet" type="text/css">
    <link href="http://fonts.googleapis.com/css?family=Abel" rel="stylesheet" type="text/css">
    <link href="http://fonts.googleapis.com/css?family=Terminal+Dosis+Light" rel="stylesheet" type="text/css">
    <link href="http://fonts.googleapis.com/css?family=Maven+Pro" rel="stylesheet" type="text/css"> -->

    <link href="/static/template/btm/styles/custom.css" rel="stylesheet" type="text/css" />
        ]]
        -- end of scripts and styles

      -- start of body
      body ->
        -- Begin of Content
        div class: "content", ->
          div class: "header", ->
            div class: "header_inner", ->

          div class: "main_column", ->
            @content_for "inner"
            raw[[
<script src="/static/template/btm/scripts/jquery-1.8.2.min.js" type="text/javascript"></script> 
<script src="/static/template/btm/scripts/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<script src="/static/template/btm/scripts/default.js" type="text/javascript"></script>


<script src="/static/template/btm/scripts/camera/camera.min.js" type="text/javascript"></script>
<script src="/static/template/btm/scripts/easing/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="/static/template/btm/scripts/camera/jquery.mobile.customized.min.js" type="text/javascript"></script>
<script type="text/javascript">function startCamera() {$('#camera_wrap').camera({ fx: 'scrollLeft', time: 2000, loader: 'none', playPause: false, height: '65%', pagination: true });}$(function(){startCamera()});</script>
]]
